 @import "base/_base";
  .spaceDetails{
    .spaceDetails-item{
        margin-bottom: 80px;
        h1{
            font-size: 22px;
            color: $color6;
        }
         .con{
            p{
                color: #666666;
                @include flex;
                span{
                    display: block;
                    width: 199px;
                    color: #333333;
                }
                span+span{
                }
            }
            p+p{
                margin-top: 40px;
            }
            var{
                display: block;
                width: 270px;
                color: $color6;
            }
        }
        .item1{
            .title{
                @include flex;
                align-items:flex-end;
                margin-top: 80px;
                border-bottom: 3px solid $color6;
                padding-bottom:30px;
                p{
                    font-size:33px;
                    color:$color6;
                    margin-right: 30px;
                   
                }
                span{
                    margin-left: 100px;
                    font-size: 22px;
                    font-weight: bold;
                    var{
                        color: $color6;
                        font-size: 21px;
                        font-weight: bold;
                    }
                }
            }
            .banners{
                @include flex;
                justify-content:space-between;
                margin-top: 50px;
                .banners1{
                    // margin-right: 20px;
                }
            }
        }
        .item2{
            @include flex;
            justify-content:space-between;
            .l{
                width: 570px;
                .t{
                    @include vertical-centering;
                    height:30px;
                    // img{
                    //     width:30px;
                    //     height:30px;
                    //     margin-left: 60px;
                    // }
                   .collectIcon{
                        width:30px;
                        height:30px;
                        margin-left: 60px;
                        background: url('../../static/images/allspace_1.png') ;
                    }
                    .collectOn{
                        width:30px;
                        height:30px;
                        margin-left: 60px;
                        background: url('../../static/images/allspace_2.png') ;
                    }
                    p{
                        color: #666666;
                        margin-left: 15px;
                        font-size:16px;
                    }
                }
                .con{
                    span{
                        width:270px;
                    }
                }
                .box-img{
                    @include flex;
                    width:100%;
                    border-top: 4px solid $color6;
                    margin-top:30px;
                    .touxiang{
                        margin-top: 20px;
                        img{
                            width: 111px;
                            height: 111px;
                        }
                   }
                   .name{
                        margin-left: 30px;
                         margin-top: 20px;
                        p{
                            font-size: 12px;
                            color: #666666;
                        }
                        span{
                            font-size: 20px;
                            color: $color6;
                        }
                        p+p{
                            font-size: 24px;
                            color: #333333;
                            font-weight: bold;
                            margin-top: 5px;
                            margin-bottom: 15px;
                        }
                        .btn{
                            @include btn2($color6,#fff,$color6);
                        }
                        .btn:hover{
                            background:$color6;
                            color:#fff;
                        }
                   }
                   .company-logo{
                        margin-top: 20px;
                        margin-left: 30px;
                        // border:1px solid red;
                        img{
                            width:auto;
                            height: 111px;
                        }
                   }
                }
            }
        }
        .item2,.item3,.item4,.item5{
            margin-top: 40px;
        }
        .item3{
             @include flex;
            justify-content:space-between;
            .con{
                // width:250px;
            }
            .box1,.box2{
                    width: 573px;
                }
            .box1{
                .box{
                     height: 330px;
                }
                .t{
                    @include flex;
                    justify-content:space-between;
                    .text{
                        width: 250px;
                        p{
                            // line-height: 50px;
                            margin-bottom: 35px;
                            color: $color4;
                            span{
                                color: $color5;
                            }
                        }
                    }
                }
                .b{
                    margin-bottom: 35px;
                    @include flex;
                    span{
                        display: block;
                        color: $color4;
                    }
                    p{
                        width: 450px;
                        height:60px;
                        overflow:auto;
                        color: $color5;
                    }
                }
            }
            .box2{
                .box{
                     height: 330px;
                }
                p{
                    margin-bottom: 35px;
                    text-indent:28px;
                }
            }
        }
        .item4{

            position: relative;
            .box{
                padding-bottom: 60px;
            }
            .quan-out{
                @include flex;
                position: absolute;
                left: 530px;
                top: 90px;
                .quan{
                    .installment{
                        width: 100px;
                        position: absolute;
                        top: 73px;
                        left: 52px;
                        text-align: center;
                        p{
                            color: $color6;
                        }
                        var{
                            color: $color6;
                            font-size: 24px;
                        }
                    }
                }
                .rule{
                    width: 320px;
                    margin-left: 60px;
                    position:relative;
                    >p{
                        font-size: 16px;
                        font-weight: bold;
                        color: $color6;

                    }
                    .text{
                        margin-top: 10px;
                        color: $color5;
                        p{
                            line-height:21px;
                        }
                        a{
                            font-size:20px;
                            color:#45ACE6;
                            cursor:pointer;
                            text-decoration:underline;
                        }
                    }
                    .btn2{
                         position:absolute;
                         bottom:-50px;
                         width:250px;
                         @include btn2($color6,$color6,#fff);
                         padding: 7px 10px;
                         font-size: 16px;
                         // margin: 20px 0;

                    }
                }
            }
        }
        .item5{
            .box{
                background: #fff;
            }
        }
        
    }
}